.banner {
    height: 854px;
    background-image: url("../Images/index/banner1.png") ;
    background-size: center center/cover;
    position: relative;
}

/* .mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.mask .banner-bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2864a8;
    opacity: .6;
} */

.banner-content {
    height: 854px;
    text-align: center;
    position: relative;
}

.banner-content p {
    color: #fff;
    position: absolute;
    top: 40%;
    font-size: 100px;
    line-height: 190px;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    height: 300px;
    margin-top: -120px;
    font-family: "DFKai-SB";
}

#typing .c-content {
    display: block;
    width: 300px;
    margin: 0 auto;
}
.banner-content img{
    position: absolute;
    bottom:70px;
    display: none;
    left: 50%;
    margin-left: -50px;
}
/* 我们能做什么 */
.we-do{

}
.business{
    width: 100%;
    height: 944px;
    background-image: url("../Images/index/banner2.gif");
    background-size:  center center/cover;
}
.business .scope-business{
    width: 1360px;
    margin: 0 auto;
    padding-top: 155px;
}
.i-title{
    border-top: 2px solid #2864a8;
    height: 74px;
    width: 1200px;
    position: relative;
    margin: 0 auto;
}
.i-title h2{
    width: 430px;
    height: 127px;
    font-size: 50px;
    color:#1b76af;
    text-align: center;
    line-height: 112px;
    margin: 0 auto;
    background-image: url("../Images/index/we-do.png") ;
    background-size: center center/cover;
    left: 50%;
    margin-top: -55px;
}
/* 我们能做什么-详细 */
.bus{
    height: 715px;
    width: 1360px;
    padding-top: 54px;
    margin: 0 auto;
}
.bus-item{
    width: 272px;
    height: 272px;
    float: left;
}
.bus-item a{
    display: block;
    text-align: center;
}
.bus-item a i{
    display: block;
    width: 100px;
    height: 100px;
    margin: 52px auto 38px;
    background: url("../Images/index/software.png");
}
.bus-item a .Small-program{
    background: url("../Images/index/Small-program.gif");
}
.bus-item a .APP{
    background: url("../Images/index/APP.png");
}
.bus-item a .weixin{
    background: url("../Images/index/weixin.png");
}
.bus-item a .store{
    background: url("../Images/index/store.png");
}
.bus-item a .cloud{
    background: url("../Images/index/cloud.png");
}
.bus-item a .oa{
    background: url("../Images/index/oa.png");
}
.bus-item a .i-a-e{
    background: url("../Images/index/i-a-e.png");
}
.bus-item a .appointment{
    background: url("../Images/index/appointment.png");
}
.bus-item a .Weak-current{
    background: url("../Images/index/Weak- current.png");
}
.bus-item a .item-info{
    display: block;
    font-size: 26px;
    color:#1b76af;
}
.bus-item-active{
  background: #2864a8;
  border-top-left-radius: 74px;
  border-bottom-right-radius: 74px;
  transition:all 0.5s;
}
.bus-item-active:hover{
    border-top-left-radius: 74px;
    border-bottom-right-radius: 74px;
}
.bus-item-active a i{
    background: url("../Images/index/software-active.png")
}
.bus-item-active a .Small-program{
    background: url("../Images/index/Small-program-active.png");
}
.bus-item-active a .APP{
    background: url("../Images/index/APP-active.png");
}
.bus-item-active a .weixin{
    background: url("../Images/index/weixin-active.png");
}
.bus-item-active a .store{
    background: url("../Images/index/store-active.png");
}
.bus-item-active a .cloud{
    background: url("../Images/index/cloud-active.png");
}
.bus-item-active a .oa{
    background: url("../Images/index/oa-active.png");
}
.bus-item-active a .i-a-e{
    background: url("../Images/index/i-a-e-active.png");
}
.bus-item-active a .appointment{
    background: url("../Images/index/appointment-active.png");
}
.bus-item-active a .Weak-current{
    background: url("../Images/index/Weak-current-active.png");
}
.bus-item-active a .item-info{
    color:#fff;
}


/* 正六边形 */
.box{
    height: 946px;
    width: 100%;
    background: url("../Images/index/banner3.gif") center center/cover;
    position: relative;
}
.box-h2{
    font-size: 48px;
    color:#fff;
    text-align: center;
    height: 142px;
    line-height: 150px;
}
.lineF, .lineS  
{  
    width: 1200px;
    margin: 0 auto;

    visibility: hidden;  
}  
.lineS  
{  
    position: absolute;
    left: 50%;
    top: 56%;
    margin-left: -414px;
}  
.boxF, .boxS, .boxT, .overlay  
{  
    width: 326px;  
    height: 408px;  
    overflow: hidden;  
}  
.boxF, .boxS  
{  
    visibility: hidden;  
}  
.boxF  
{  
    transform: rotate(120deg);  
    float: left;  
    margin-left: 10px;  
    -ms-transform: rotate(120deg);  
    -moz-transform: rotate(120deg);  
    -webkit-transform: rotate(120deg);  
    margin-right: 63px;
    /* transition:all 0.5s; */
}  
.boxS  
{  
    transform: rotate(-60deg);  
    -ms-transform: rotate(-60deg);  
    -moz-transform: rotate(-60deg);  
    -webkit-transform: rotate(-60deg);  
    /* transition:all 0.5s; */
}  
.boxT  
{  
    transform: rotate(-60deg);  
    background: no-repeat 50% center;  
    background-size: 125% auto;  
    -ms-transform: rotate(-60deg);  
    -moz-transform: rotate(-60deg);  
    -webkit-transform: rotate(-60deg);  
    visibility: visible;  
    display: block;
    background: #2864a8;
    font-size: 50px;
    color:#fff;
    transition:all 0.5s;
}  
.b-content{
    width: 326px;
    background: #2864a8;
    height: 300px;
    margin-top: 50px;
}
.b-content .import{
    display: block;
    width: 66px;
    height: 64px;
    margin: 0 auto;
    background: url("../Images/index/import.png") center center/cover;
}
.b-content .app-icon{
    width: 50px;
    height: 58px;
    margin-top: 8px;
    background: url("../Images/index/app-icon.png") center center/cover;
}
.b-content .shop{
    width: 68px;
    height: 61px;
    background: url("../Images/index/shop.png") center center/cover;
}
.b-content .xiao{
    width: 59px;
    height: 59px;
    background: url("../Images/index/xiao.png") center center/cover;
}
.b-content .wang{
    width: 58px;
    margin-top: 8px;
    height: 49px;
    background: url("../Images/index/wang.png") center center/cover;
}
.b-content-h3{
    font-size: 24px;
    color:#fff;
    text-align: center;
    height: 86px;
    line-height: 86px;
}
.b-content-p{
    font-size: 16px;
    color:#fff;
    padding: 0 22px;
    line-height: 34px;
}
.b-content-i{
    display: block;
    width: 40px;
    height: 10px;
    background: #fff;
    margin: 26px auto 0;
}
/* 激活状态 */
.boxT-active{
    background: #fff;
}
.boxT-active .b-content{
    background: #fff;
}
.boxT-active  .import{
    background: url("../Images/index/import-active.png") center center/cover;
}
.boxT-active  .b-content-h3{
    color:#333;
}
.boxT-active .b-content-p{
    color:#666;
}
.boxT-active .b-content-i{
    background: #2864a8;
}

.boxT-active  .app-icon{
    background: url("../Images/index/app-icon-active.png") center center/cover;
}
.boxT-active  .shop{
    background: url("../Images/index/shop-active.png") center center/cover;
}
.boxT-active  .xiao{
    background: url("../Images/index/xiao-active.png") center center/cover;
}
.boxT-active  .wang{
    background: url("../Images/index/wang-active.png") center center/cover;
}
.abc{
    background: #000;
}
/* 两个小六边形 */
.b-s{
    /* height: 486px; */
    float: left;
    width: 33.33%;
    position: relative;
    visibility: visible;
    transition:all 0.5s;
}
.big{
    display: block;
    width: 66px;
    height: 75px;
    position: absolute;
    right: 114px;
    top: 14px;
    z-index: 10;
    background: url("../Images/index/big.png") center center/cover;
}
.small{
    display: block;
    width: 44px;
    height: 50px;
    position: absolute;
    right: 64px;
    top: -12px;
    z-index: 10;
    background: url("../Images/index/small.png") center center/cover;
}
/*   两个小六边形激活状态 */
.b-s-active .big{
    background: url("../Images/index/big-active.png") center center/cover;
}
.b-s-active .small{
    background: url("../Images/index/small-active.png") center center/cover;
}
/* 我们的优势 */
.our-strengths{
    width: 100%;
    height: 944px;
    background-image: url("../Images/index/banner4.gif");
    background-size:  center center/cover;
}
.strengths{
    padding-top: 155px;
}
.strengths .i-title {
    border-top: 2px solid #fff;
}
.s-content{
    height: 476px;
}
.s-content span{
    float: left;
    width: 600px;
    height: 238px;
    line-height: 238px;
    display: block;
    font-size: 78px;
    color:#fff;
    font-family: "DFKai-SB";
}
/* 客户的选择 */
.customer-selection{
    height: 972px;
    width: 100%;
}
.selector{
    padding-top: 158px;
}
.customer{
    width: 100%;
    min-height: 1200px;
    height: 684px;
    margin-top: 63px;
    box-sizing: border-box;
    *behavior:url("../boxsizing.htc");
}
.c-left{
    float: left;
    width: 18.75%;
    height: 684px;
}
.c-mid{
    float: left;
    width:62.5%;
    height: 684px;
}
.c-right{
    float: right;
    width: 18.74%;
    height: 684px;
}
.c-left a,.c-right a{
    display: block;
    height: 684px;
}
.c-left a img,.c-right a img{
    width: 100%;
    height: 100%;
}
.c-top,.c-bottom{
   width: 100%;
   height: 342px;
}
.c-mid a{
    display: block;
    float: left;
}
.c-mid a img{
    width: 100%;
    height: 100%;
}
/* 请联系我们 */
.contact{
    height: 720px;
    width: 100%;
}
.select{
    margin-top: 96px;
    height: 127px;
    background-image: url("../Images/index/contact.png");
    background-size: no-repeat center/cover;
}
.contact-us{
    margin-top: 60px;
    height: 434px;
    padding-top: 66px;
    background: url("../Images/index/map.png") no-repeat;
}
.contact-info p{
    width: 466px;
    margin: 0 auto;
    height: 100px;
}
.contact-info p span{
    font-size: 22px;
    color:#1b76af;
}
.w-top span{
    width: 92px;
    font-size: 20px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 52px;
    vertical-align: bottom;
}
.w-top img{
    vertical-align: middle;
}
.w-top .img1{
    margin: 0 52px;
}
.w-mid,.w-bottom{
    line-height: 188px;
}